import React from 'react'
import Header from '../../components/Headers'
import './order.css'
import { NavLink, Outlet } from 'react-router-dom'
const Index: React.FC = () => {
    return (
        <div className='OrderInvoice-Box'>
            <div className="OrderInvoice-header" style={{ height: '8%', backgroundColor: '#fff', position: 'fixed', left: '0', top: '0', zIndex: '1000', width: '100%' }}><Header></Header></div>
            <div className="OrderInvoice-con">
                <div className="OrderInvoice-left">
                    <NavLink to={'/orderInvoice/gBRecharge'}>果币充值</NavLink>
                    <NavLink to={'/orderInvoice/orderManagement'}>订单管理</NavLink>
                    <NavLink to={'/orderInvoice/templateManagement'}>商品管理</NavLink>
                </div>
                <div className="OrderInvoice-right">
                    <Outlet></Outlet>
                </div>
            </div>
        </div>
    )
}

export default Index